<div>
<div ui-tree drag-enabled="false" >
	<script type="text/ng-template" id="items_renderer.html">
		<a nodrag ng-dblclick="onDblClick(this)" ng-click="onClick(this)" ng-class="['tree-level-'+this.depth()+'-a']" >
			<i class="fa {{item.icons}}"></i>
			<input ng-show="treeShowCheckbox"  type="checkbox"  ng-click="checked_change(item,$event)" ng-checked="item.checked">
			{{item.label}}
			<i class="fa arrow" ng-style="{true:{},false:{'visibility':'hidden'}}[item.children!=undefined&&item.children.length>0]"></i>
		</a>
		<ul ui-tree-nodes class="nav tree-level" ng-model="item.children" ng-attr-collapse="collapsed" >
			<li ui-tree-node ng-repeat="item in item.children" ng-class="['tree-level-'+this.depth()+'-li',active?'active':'',collapsed?'collapsed':'expanded']" collapsed="true" ng-attr-active="active" ng-include="'items_renderer.html'"></li>
		</ul>
	</script>
	<!-- ng-style="{true:{},false:{'visibility':'hidden'}}[item.pId!=null]" -->
	<ul ui-tree-nodes ng-model="treeData" class="nav side-menu ui-tree" id="tree-nodes">
		<li ui-tree-node
			collapsed="true"
			ng-class="['tree-level-'+this.depth()+'-li',active?'active':'',collapsed?'collapsed':'expanded']"
			ng-repeat="item in treeData"
			ng-include="'items_renderer.html'">
		</li>
	</ul>
</div>
</div>